<template>
  <div class="loading">
			<img src="./img/loading.gif" width="24" height="24"   alt="正在加载"/>
			<p class="desc">{{title}}</p>
  </div>
</template>

<script>
export default {
  name: 'loading',
	data() {
		return {}
	},
	props:{
		title:{
			type:String,
			default:'正在载入...'
		}
	}
}
</script>

<style lang="scss" scoped >
	.loading{
		widows: 100%;
		text-align: center;
		.desc{
			line-height: 20px;
			font-size: $font-size-small;
			color: $color-text-l;
		}
	}
</style>